import { Typography } from "@material-ui/core";
import React from "react";

interface ActivityItemProps {
  activityDate: string;
  activityLabel: string;
  activityContent: string;
}
const ActivityItem = (props: ActivityItemProps) => {
  const { activityDate, activityLabel, activityContent } = props;
  return (
    <>
      <div className="timeline-item">
        <div className=" text-primary font-weight-bold font-size-md">
          {activityDate}
        </div>
        <div className="timeline-item--content font-size-md">
          <div className="timeline-item--icon" />

          <Typography
            color="textPrimary"
            variant="h3"
            className=" font-weight-bold font-size-lg mt-2"
          >
            {activityLabel}
          </Typography>
          <Typography
            color="textPrimary"
            variant="h6"
            className="opacity-6 mt-2 font-size-md"
          >
            {activityContent}.
          </Typography>
        </div>
      </div>
    </>
  );
};
export default ActivityItem;
